// 获取dom元素
const loginA = document.querySelector('.login-a')//登陆div中的超链接
const loginDiv = document.querySelector('.login')//登陆div
const registerA = document.querySelector('.register-a')//注册div中的超链接
const registerDiv = document.querySelector('.register')//注册div

//登陆div中的超链接 绑定点击事件
loginA.addEventListener('click', function (e) {
    //先隐藏 登陆 div
    loginDiv.style.display = 'none'
    // 后显示 注册 div
    registerDiv.style.display = 'block'
})
//实现div中的超链接 绑定点击事件
registerA.addEventListener('click', function () {
    //1 先隐藏 注册div
    loginDiv.style.display = 'block'
    //先显示 登陆 div
    registerDiv.style.display = 'none'
})


const registerForm = document.querySelector('.register form')
//注册表单 提交submit事件
registerForm.addEventListener('submit', async function (e) {
    //阻止默认行为
    e.preventDefault()


    // 获取用户名和密码
    const username = registerForm.querySelector('input[name=username]').value.trim()
    const password = registerForm.querySelector('input[name=password]').value.trim()
    //效验是否为空
    if (!username || !password) {
        return
    }
    //使用axios 发送请求
    const res = await axios({
        url: '/api/register',
        method: "post",
        data: {
            //es6简写
            username,
            password
        }

    })
    console.log(res);
    // 判断是否成功
    if (res.status == "200" && res.data.code == "1") {
        toastr.info('注册失败', '账号已存在')
        timeAA()
    } else if (res.status == "200" && res.data.code == "0") {
        toastr.success('注册成功', '恭喜')
        timeAA()
    }
    function timeAA() {
        setTimeout(() => {
            // 切换显示 登陆表单
            registerA.click()
            //把账号添写在登陆表单上
            loginDiv.querySelector('input[name=username]').value = username
            loginDiv.querySelector('input[name=password]').value = password
        }, 1500);
    }

})

// ========================================================================================================================
const loginForm = document.querySelector('.login form')
//登陆表单 提交submit事件
loginForm.addEventListener('submit', async function (e) {
    //阻止默认行为
    e.preventDefault()


    // 获取用户名和密码
    const username = loginForm.querySelector('input[name=username]').value.trim()
    const password = loginForm.querySelector('input[name=password]').value.trim()
    //效验是否为空
    if (!username || !password) {
        // 加弹窗
        return
    }
    //使用axios 发送请求
    const res = await axios({
        url: '/api/login',
        method: "post",
        data: {
            //es6简写
            username,
            password
        }
    })
    console.log(res);
    // 判断是否成功
    if (res.data.code == "0") {
        localStorage.setItem('token8788', res.data.token)
        toastr.success('登陆成功', '恭喜')
        location.href = 'index.html'
    }
})

